body {
    background: #FFFFFF url(../img/2_bg.gif) top ;
}
a{color: #F0E68C;}
#navigation{
    background:url(../img/2_nav_bg.gif);
}

.buttonUnSelectedCover {
    background: url(../img/2_top_before.gif) no-repeat center center;
}
.buttonSelectedCover {
    background: url(../img/2_top_after.gif) no-repeat center center;
}
.buttonUnSelectedMainBody {
    background: url(../img/2_invite_before.gif) no-repeat center center;
}
.buttonSelectedMainBody {
    background: url(../img/2_invite_after.gif) no-repeat center center;
}
.buttonUnSelectedPhoto {
    background: url(../img/2_photo_before.gif) no-repeat center center;
}
.buttonSelectedPhoto {
    background: url(../img/2_photo_after.gif) no-repeat center center;
}
.buttonUnSelectedMap {
    background: url(../img/2_address_before.gif) no-repeat center center;
}
.buttonSelectedMap {
    background: url(../img/2_address_after.gif) no-repeat center center;
}
.buttonUnSelectedContact {
    background: url(../img/2_wish_before.gif) no-repeat center center;
}
.buttonSelectedContact {
    background: url(../img/2_wish_after.gif) no-repeat center center;
}
.join_btns a{
    color: #F0E68C;
}
.submit{
    background: #F0E68C;
}
.join_btns a.active{
    background: #F0E68C;
    color: #B40A1F;
}
.women,
.man{
    margin-top: 50px;
    width: 20%;
}
p.left{
    width: 60%;
}
.face{
    position: absolute;
    top: 230px;
    left:0px;
    width: 100%;
}
.man-face,
.women-face{
    overflow: hidden;
    position: relative;
    width: 144px;
    height: 144px;   
    border-radius: 50%;
}
/*白羊座*/
#p1 img,
#p1 img{
    position: absolute;
    top: -25px;
    left: -31px;
    z-index: 2;
}
/*金牛座*/
#p2 img,
#p2 img{
    position: absolute;
    top: -25px;
    left: -231px;
    z-index: 2;
}
/*双子座*/
#p3 img,
#p3 img{
    position: absolute;
    top: -25px;
    left: -428px;
    z-index: 2;
}
/*巨蟹座*/
#p4 img,
#p4 img{
    position: absolute;
    top: -25px;
    left: -627px;
    z-index: 2;
}
/*狮子座*/
#p5 img,
#p5 img{
    position: absolute;
    top: -227px;
    left: -31px;
    z-index: 2;
}
/*处女座*/
#p6 img,
#p6 img{
    position: absolute;
    top: -227px;
    left: -231px;
    z-index: 2;
}
/*天秤座*/
#p7 img,
#p7 img{
    position: absolute;
    top: -227px;
    left: -428px;
    z-index: 2;
}
/*天蝎座*/
#p8 img,
#p8 img{
    position: absolute;
    top: -227px;
    left: -627px;
    z-index: 2;
}
/*射手座*/
#p9 img,
#p9 img{
    position: absolute;
    top: -429px;
    left: -31px;
    z-index: 2;
}
/*摩羯座*/
#p10 img,
#p10 img{
    position: absolute;
    top: -429px;
    left: -230px;
    z-index: 2;
}
/*水瓶座*/
#p11 img,
#p11 img{
    position: absolute;
    top: -431px;
    left: -428px;
    z-index: 2;
}
/*双鱼座*/
#p12 img,
#p12 img{
    position: absolute;
    top: -430px;
    left: -626px;
    z-index: 2;
}